<!DOCTYPE html>
<html>
<head>
    <title>配置中心</title>
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" >

</head>
<body>

<form class="form-horizontal" action="http://aicode.cc/api/publishBlog" method="post" success="form_after" id="o-form-write-article" enctype="multipart/form-data">
    <input type="hidden" name="token" value="" />
    <div class="control-group">
        <label for="blog_title">标题</label>
        <div class="controls" data-role="input-control">
            <input type="text" name="blog_title" id="blog_title" placeholder="标题" />
            <button class="btn-clear" tabindex="-1" type="button"></button>
        </div>
    </div>
    <div class="control-group">
        <label for="category">分类 (Ctrl多选)</label>
        <div class="controls">
            <select name="category_id[]" id="category" multiple>
                <option value="22">技术文章 > 数据库技术</option>
                <option value="21">技术文章 > 服务器技术</option>
                <option value="20">技术文章 > Java技术</option>
                <option value="19">技术文章 > 网络安全</option>
                <option value="18">技术文章 > 设计·前端</option>
                <option value="23">技术文章 > PHP技术</option>
                <option value="24">系统内置</option>
                <option value="25">日积月累</option>
                <option value="26">技术文章 > 其它</option>
            </select>
        </div>
    </div>
    <div class="control-group">
        <label for="sources" class="control-label">来源</label>
        <div class="controls">
            <input type="text" name="sources" list="sources_list" />
            <datalist id='sources_list'><option label='原创' value='原创' /><option label='翻译' value='翻译' /><option label='转载' value='转载' /><option label='不明' value='不明' /><option label='网络' value='网络' /><option label='整理' value='整理' /><option label='原创整理' value='原创整理' /><option label='摄影' value='摄影' /><option label='其它' value='其它' /></datalist>
        </div>
    </div>
    <div class="control-group">
        <label for="tag" class="control-label">标签</label>
        <div class="controls">
            <input type="text" name="tag" id="tag" placeholder="标签"/>
            <button class="btn-search o-toggle" data-target="#selectLabels"></button>
        </div>
        <div class="o-hide" id="selectLabels">
            <a href="PHP" class="o-add-label direct" data-target="#tag">
                PHP				</a>
            <a href="Java" class="o-add-label direct" data-target="#tag">
                Java				</a>
            <a href="Mac" class="o-add-label direct" data-target="#tag">
                Mac				</a>
            <a href="Nginx" class="o-add-label direct" data-target="#tag">
                Nginx				</a>
            <a href="promise" class="o-add-label direct" data-target="#tag">
                promise				</a>
            <a href="压缩" class="o-add-label direct" data-target="#tag">
                压缩				</a>
            <a href="html5" class="o-add-label direct" data-target="#tag">
                html5				</a>
            <a href="IRC" class="o-add-label direct" data-target="#tag">
                IRC				</a>
            <a href="Linux" class="o-add-label direct" data-target="#tag">
                Linux				</a>
            <a href="造字" class="o-add-label direct" data-target="#tag">
                造字				</a>
            <a href="WebLogic" class="o-add-label direct" data-target="#tag">
                WebLogic				</a>
            <a href="curl" class="o-add-label direct" data-target="#tag">
                curl				</a>
            <a href="SpringMVC" class="o-add-label direct" data-target="#tag">
                SpringMVC				</a>
            <a href="javascript" class="o-add-label direct" data-target="#tag">
                javascript				</a>
            <a href="SpringRoo" class="o-add-label direct" data-target="#tag">
                SpringRoo				</a>
            <a href="Maven" class="o-add-label direct" data-target="#tag">
                Maven				</a>
            <a href="SVN" class="o-add-label direct" data-target="#tag">
                SVN				</a>
            <a href="Oracle" class="o-add-label direct" data-target="#tag">
                Oracle				</a>
            <a href="Hibernate" class="o-add-label direct" data-target="#tag">
                Hibernate				</a>
            <a href="Excel2Entity" class="o-add-label direct" data-target="#tag">
                Excel2Entity				</a>
            <a href="MySQL" class="o-add-label direct" data-target="#tag">
                MySQL				</a>
            <a href="Redis" class="o-add-label direct" data-target="#tag">
                Redis				</a>
            <a href="Exif" class="o-add-label direct" data-target="#tag">
                Exif				</a>
            <a href="LBS" class="o-add-label direct" data-target="#tag">
                LBS				</a>
            <a href="Xdebug" class="o-add-label direct" data-target="#tag">
                Xdebug				</a>
            <a href="Python" class="o-add-label direct" data-target="#tag">
                Python				</a>
            <a href="SSH" class="o-add-label direct" data-target="#tag">
                SSH				</a>
            <a href="" class="o-add-label direct" data-target="#tag">
            </a>
        </div>
    </div>
    <div class="control-group">
        <label for="blog_intro" class="control-label">内容概要 </label>
        <div class="controls">
            <textarea name="intro" id="blog_intro" placeholder="内容概要" ></textarea>
        </div>
    </div>
    <div class="control-group">
        <label for="blog_textarea" class="control-label">文章正文 </label>
        <div class="input-control textarea size 10">
            <script name="blog_textarea"  type="text/plain" id="blog_textarea"></script>
        </div>
    </div>
    <div class="control-group">
        <label for="feature_img" class="control-label">封面图片 <a href="#" data-event="blog.select_image_cover">选择</a></label>
        <div class="controls" data-role="input-control">
            <input type="file" name="feature_img" id="feature_img" data-role="input-control" />
            <input type="hidden" name="feature_img_selected" />
            <button class="btn-file"></button>
        </div>
    </div>
    <div id="feature_img_area" style="display:none" class="image-container"></div>
    <div class="o-clear"></div>
    <button type="submit" class="btn btn-primary" data-event="blog.submit_to_blog" id="submit_to_blog">提交</button>
</form>

<script src="js/jquery-2.1.1.min.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
<script src="js/storage.js"></script>
<script src="js/options.js"></script>
</body>
</html>